﻿img.btn_close 
{
	float: right; 
	margin: -28px -28px 0 0;
}

/* Popup Change pass */
#mask_changepass 
{
	
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.popupChangePassword_box
{
	display:none;
	background-color:White;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*box-shadow: 0px 0px 20px #999;*/
	/*-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    /*-webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

.button  
{
    background: url(../img/btn_dangky.png) no-repeat;	
	width: auto !important;
	height: 30px;
	padding: 8px 38px;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
}

.button:hover 
{ 
    background: url(../img/btn_dangky_hover.png) no-repeat;
}

/* Popup Edit avatar */
.hover_btnedit
{
    display:none;                        
    cursor:pointer;
    position:absolute;
    width:auto;
    left:50px;
    top:150px;
}

#mask_edit {
	
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.editavatar-popup{
	display:none;
	background-color:White;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

/* Popup Edit avatar PersonalPage */
.hover_btnedit_personal
{
    display:none;
    position:absolute;
    width:auto;
    left:50px;
    top:40px;
}        
        
.hover_btnedit_cover
{
    display:none;
    position:absolute;
    width:auto;
    left:860px;
    top:250px;            
}

#mask_personal 
{	
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.popupEditAvatar_class_personal
{
	display:none;
	background-color:White;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

/* Popup Forger password */
#mask 
{
	
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.popupForgetPassword_box
{
	display:none;
	background-color:White;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}